.App--icon {
  color: #007fff;
}

.App--icon-on {
  color: #61dafb;
  animation: pulse 5.16s infinite;
}

.App--icon-off {
  color: #61dafb;
  animation: pulse 0.5s infinite;
}

@media (prefers-reduced-motion: no-preference) {
  .App-logo {
    animation: App-logo-spin infinite 20s linear;
  }
}

@keyframes App-logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes scanline {
  0% {
    transform: translateY(-100%);
    background: linear-gradient(to bottom, rgba(97, 218, 251, 0) 0%, rgba(97, 218, 251, 0.1) 50%, rgba(97, 218, 251, 0) 100%);
  }
  100% {
    transform: translateY(100%);
    background: linear-gradient(to bottom, rgba(97, 218, 251, 0) 0%, rgba(97, 218, 251, 0.1) 50%, rgba(97, 218, 251, 0) 100%);
  }
}

@keyframes retroTvFlicker {
  0%, 100% {
    opacity: 1;
    filter: brightness(1);
  }
  50% {
    opacity: 0.95;
    filter: brightness(0.8);
  }
}

          @keyframes holographicSweep {
            0% {
              transform: rotate(0deg) scale(1);
              opacity: 0.6;
            }
            50% {
              transform: rotate(180deg) scale(1.1);
              opacity: 0.8;
            }
            100% {
              transform: rotate(360deg) scale(1);
              opacity: 0.6;
            }
          }
          @keyframes scanLines {
            0%, 100% {
              opacity: 0.2;
              background-position: 0 0;
            }
            50% {
              opacity: 0.4;
              background-position: 0 -10px;
            }
          }

@keyframes bounce {
  0% { 
    transform: scale(1); 
  }
  30% { 
    transform: scale(1.1); 
  }
  50% { 
    transform: scale(0.95); 
  }
  100% { 
    transform: scale(1); 
  }
}